<template>
  <div>
    <table style="margin-left: 50px">
      <tr>
        <td><step-graph :graphData="data" :id="'aa'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'bb'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'cc'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'cc1'"></step-graph></td>
      </tr>
      <tr>
        <td><step-graph :graphData="data" :id="'dd'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'ee'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'ff'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'ff1'"></step-graph></td>
      </tr>
      <tr>
        <td><step-graph :graphData="data" :id="'kk'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'tt'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'ss'"></step-graph></td>
        <td><step-graph :graphData="data" :id="'ss1'"></step-graph></td>
      </tr>
    </table>
    <!--<step-graph :graphData="data"></step-graph>-->
  </div>
</template>
<script>
  import stepGraph from '@/components/wh-step-graph/index';
  export default {
    name:"graphView",
    props:['data'],
    data(){
      return{

      }
    },
    components:{
      stepGraph
    },
    methods:{

    }
  }
</script>
